.avue-sidebar {
  padding-top: 60px;
  height: 100%;
  position: relative;
  background-color: white;
  transition: width .6s;
  box-sizing: border-box;
  .menu-explode-btn{
      text-align: center;
      &:hover{
          cursor: pointer;
      }
      i{
          font-size: 25px;
      }
  }
  .el-menu-item,
  .el-submenu__title {
      font-size: 14px;
      height: 56px;
      line-height: 56px;
  }
  .el-menu-item {
      &:hover {
          background-color: transparent !important;
          color: #4A4A4A 100%;
          span,
          i {
              color: #4A4A4A 100%;
          }
      }
      &.is-active {
          background-color: rgb(51, 133, 255) !important;
          span,
          i {
              color: #fff;
          }
          &:hover {
              background-color: rgba(51, 133, 255, .8) !important;
          }
          &::before {
              content: " ";
              top: 0;
              left: 0;
              bottom: 0;
              width: 4px;
              background: $themeBlue;
              position: absolute
          }
      }
  }
  .el-submenu__title {
      &:hover {
          i,
          span {
              color: #4A4A4A 100%;
          }
          background-color:transparent !important;
      }
  }
  .el-submenu .el-menu-item {
      height: 50px;
      line-height: 50px;
      &.is-active {
          background-color: rgba(51, 133, 255, .8) !important;
          span,
          i {
              color: #fff
          }
          &:hover {
              background-color: rgba(51, 133, 255, .8) !important;
          }
      }
      &:hover {
          background-color: transparent !important;
          span,
          i {
              color: #fff;
          }
      }
  }
}